// 导出一个axios的实例  而且这个实例要有请求拦截器 响应拦截器
import router from '@/router'
import store from '@/store'
import axios from 'axios'
import { Message } from 'element-ui'
const service = axios.create({
  // 配置相对路径
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
}) // 创建一个axios的实例
// service.interceptors.request.use() // 请求拦截器
// 添加请求拦截器
service.interceptors.request.use(function(config) {
  // 所有正常的请求在到达服务器之前一定会经过这里
  // 获取token
  const token = store.state.user.token
  // console.log(token)
  // 如果有token则添加token
  if (token) {
    // 添加token
    config.headers.Authorization = 'Bearer ' + token
  }
  // console.log(config)
  // 在发送请求之前做些什么
  return config
}, function(error) {
  // 所有不正常的请求在到达服务器之前一定会经过这里
  // 对请求错误做些什么
  return Promise.reject(error)
})
// service.interceptors.response.use() // 响应拦截器
// 添加响应拦截器
service.interceptors.response.use(function(response) {
  // 对响应数据做点什么
  // 正确的响应 在返回浏览器的时候一定会经过这里
  // 判断程序的业务是否是错误的 如果是success=false 手动抛出一个错误
  if (!response.data.success) {
    // 业务错误的情况 手动抛出一个错误
    //  Promise.reject:手动抛出一个错误,里面传入错误的描述
    return Promise.reject(response.data.message)
  }
  // 数据脱壳，脱掉data
  return response.data
}, function(error) {
  // 对响应错误做点什么
  if (error.response.status === 401 && error.response.data.code === 10002) {
    // 删除token和用户信息
    store.dispatch('user/logout')
    console.log(router, 'router')
    // 提示用户
    Message.error('身份认证过期，请重新登录')
    // 跳转到登录页
    encodeURIComponent
    router.push(`/login?url=${encodeURIComponent(router.currentRoute.fullPath)}`)
  }
  // 错误的响应 在返回浏览器的时候一定会经过这里
  return Promise.reject(error)
})
export default service // 导出axios实例
